<div class="isi">

    <?php echo anchor("admin_slider_website/tambah", "Tambah Slider Images", "class='button' style='color:#f8f8f8'") ?>

    <table id="laporan" class="display"  >
        <thead>
            <tr>
                <th width="5%">No</th>
                <th width="65%">Keterangan Slider</th>
                <th>image</th>
                <th width="5%">Tindakan</th>
            </tr>            
        </thead>
        <tbody>
            <?php
            $img_delete = $this->lib_button->delete_icon();
            $img_update = $this->lib_button->edit_icon();
            $n = 0;

            foreach ($list as $lt) {
                $n++;

                $link_hapus = anchor('admin_slider_website/delete/' . $lt->id_slider, $img_delete, array('onClick' => 'return confirm(\'Apa anda yakin akan menghapus data ini ?\');'));

                echo "<tr>";
                echo "<td>$n</td>";
                echo "<td>$lt->keterangan_slider</td>";
                echo "<td>" . anchor_popup(base_url() . "uploads/slider/$lt->image_slider", "$lt->image_slider") . "</td>";
                echo "<td>$link_hapus</td>";
                echo "</tr>";
            }
            ?>
        </tbody>

    </table>

    <br/>
    <br/>

    <?php
    if ($n >= 1) {
        ?>

        <!-- Captions for Orbit -->
        <div id="featured"> 
            <?php
            $z = 1;
            foreach ($list as $lt) {
                echo "<img style='width: 925px;' data-caption='#htmlCaption" . $z . "'  src='" . base_url() . "uploads/slider/$lt->image_slider' />";
                echo "<span class='orbit-caption' id='htmlCaption" . $z . "'>$lt->keterangan_slider</span>";
                $z++;
            }
            ?>

        </div>
        <!-- Captions for Orbit -->
        <?php
    }
    ?>


    <div class="clear"></div>
</div>  




<?php
echo $this->lib_load_css_js->load_css(base_url(), "assets/admin/js/slider/", "orbit-1.2.3.css");
echo $this->lib_load_css_js->load_js(base_url(), "assets/admin/js/slider/", "jquery.orbit-1.2.3.min.js");
?>
<!--[if IE]>
     <style type="text/css">
         .timer { display: none !important; }
         div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
    </style>
<![endif]-->

<!-- Run the plugin -->
<script type="text/javascript">
    $(window).load(function() {
        $('#featured').orbit(
        {
            animation: 'horizontal-push'                // fade, horizontal-slide, vertical-slide, horizontal-push
        });
    });
</script>
